<template>
  <div class="salary-container">
    <el-button v-btn-show="'CKGZ'">查看工资</el-button>
    <el-button v-btn-show="'SCGZ'">删除工资</el-button>
    <el-button v-btn-show="'ZGZ'">涨工资</el-button>
  </div>
</template>
<script>
// 测试环境变量使用
console.log('当前开发环境下的环境变量在此:', process.env)
export default {
  name: 'Salary'
}
</script>

<style lang="scss" scoped>
// .vue单文件组件 style
// 1. 变量支持
// 2. 嵌套语法 & 嵌套语法下的当前元素
// 3. 模块导入

// 注意事项：1.lang="scss"  2.结尾的封号别丢！！
@import '@/styles/variables.scss';
$hight-color: red;
$basic-border: 1px solid #ccc;
.salary-container {
  padding: 30px;
  color: $hight-color;
  .box {
    width: 50px;
    height: 50px;
    border: $basic-border;
    &:hover{
      color:$subMenuHover;
    }
  }
}
</style>
